﻿<common:LayoutAwarePage x:Class="StoreAppLibDemo.Examples.Animations.TapEffectPage"
                        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                        xmlns:common="using:StoreAppLibDemo.Common"
                        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                        xmlns:local="using:StoreAppLibDemo.Examples.Animations"
                        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
                        xmlns:storeAppAnimation="using:StoreAppLib.Animations"
                        mc:Ignorable="d">


    <Grid Style="{StaticResource AppPageStyle}">
        <Grid.RowDefinitions>
            <RowDefinition Height="100" />
            <RowDefinition Height="40" />
            <RowDefinition />
            <RowDefinition Height="50" />
        </Grid.RowDefinitions>
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>
            <Image Grid.Column="1"
                   Margin="0,0,50,0"
                   Source="ms-appx:///Assets/PageLogo.png" />
            <TextBlock Margin="120,0,0,0"
                       HorizontalAlignment="Left"
                       VerticalAlignment="Bottom"
                       Style="{StaticResource HeaderTextStyle}"
                       Text="Tap Effect"
                       TextWrapping="Wrap" />
            <Button Margin="36,0,0,0"
                    HorizontalAlignment="Left"
                    VerticalAlignment="Bottom"
                    Click="GoBack"
                    Content="Button"
                    Style="{StaticResource BackButtonStyle}" />

        </Grid>

        <TextBlock Grid.Row="3"
                   Margin="0,0,50,0"
                   HorizontalAlignment="Right"
                   VerticalAlignment="Center"
                   FontSize="9"
                   Text="Copyright ©  2012 Suresh Kumar T" />
        <Grid Grid.Row="2" Margin="120,0,50,0">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="40" />
                <RowDefinition />
            </Grid.RowDefinitions>
            <TextBlock Style="{StaticResource BodyTextStyle}" TextWrapping="Wrap">
                TapEffect is a custom dependency property that apply pointer up/down theme animation to an item or element when user taps on it.
                <LineBreak />
                <LineBreak />
                Developers can quickly apply the tap effect to any element that does not have built-in up/down effect.
            </TextBlock>
            <Grid Width="200"
                  Height="150"
                  HorizontalAlignment="Center"
                  VerticalAlignment="Center"
                  Background="DarkBlue"
                  storeAppAnimation:TapEffect.Enabled="True" Grid.Row="2">
                <TextBlock HorizontalAlignment="Center"
                           VerticalAlignment="Center"
                           FontSize="30"
                           Style="{StaticResource BodyTextStyle}"
                           Text="Tap Me" />
            </Grid>
        </Grid>
    </Grid>
</common:LayoutAwarePage>